    <!-- ========================================= BANNER HOME ========================================== -->
    <div id="bg-fun-number">
        <div class="bg-opacity-fun-number">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <div class="box-fun staff-1">
                            <div class="fun-number">1962</div>
                            <div class="fun-text">Lượt truy cập</div>
                            <div class="fun-icon"><i class="fa fa-line-chart"></i></div>
                        </div><!--end box fun-->
                    </div><!--end col-->


                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <div class="box-fun staff-1">
                            <div class="fun-number staff-1">136</div>
                            <div class="fun-text">Số bài viết</div>
                            <div class="fun-icon"><i class="fa fa-newspaper-o"></i></div>
                        </div><!--end box fun-->
                    </div><!--end col-->

                    <div class="col-md-4 col-sm-12 col-xs-12">
                        <div class="box-fun">
                            <div class="fun-title">kiến thức <br /><span>không của riêng ai</span></div>
                        </div>
                    </div><!--end col-->

                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <div class="box-fun staff-1">
                            <div class="fun-number">2350</div>
                            <div class="fun-text">Số thành viên</div>
                            <div class="fun-icon"><i class="fa fa-group"></i></div>
                        </div><!--end box fun-->
                    </div><!--end col-->

                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <div class="box-fun staff-1">
                            <div class="fun-number">985</div>
                            <div class="fun-text">Số bài viết</div>
                            <div class="fun-icon"><i class="fa fa-bell"></i></div>
                        </div><!--end box fun-->
                    </div><!--end col-->

                </div><!--end row-->
            </div><!--end container-->
        </div>
    </div>
    <!-- ========================================= END BANNER HOME ====================================== -->


    <div class="container">
        <div class="row">
            <hr class="hr-style4" />
        </div>
    </div>


    <!-- ========================================= ARTICLE RECENT ======================================= -->
    <section id="list-article" class="list">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <h2 class="block-head">bài viết gần đây</h2>
                    <a href="list-article.html" class="btn-primary btn-global bg-5 btn-view-all">xem tất cả</a>
                </div>
                
            </div>

            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img01.jpg" alt="album_img01" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">35 Best shopping online website templates free</a></h4>
                        <div class="box-row-content text-left full-width">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img02.jpg" alt="album_img02" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">150 The best sport website templates in 2014 </a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img03.jpg" alt="album_img03" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">Chia sẻ giao diện các website chủ đề về giáo dục </a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img04.jpg" alt="album_img04" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">Communication psd website templates on mediafile link</a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img05.jpg" alt="album_img05" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">Business website templates free for your company</a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img06.jpg" alt="album_img06" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">Joomla 3x website templates from themeforest</a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div><!--end row-->
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img07.jpg" alt="album_img07" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">Joomla 3x website templates from themeforest</a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div><!--end row-->
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img08.jpg" alt="album_img08" class="img-responsive">
                            <a href="detail-article.html">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="detail-article.html">Joomla 3x website templates from themeforest</a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div><!--end row-->
                </div>
            </div>
        </div>
    </section>
    <!-- ========================================= END ARTICLE RECENT =================================== -->


    
    <div class="container">
		<div class="row">
			<hr class="hr-style4" />
		</div>
	</div>


    

    <!-- ========================================= ALBUM RECENT ========================================= -->
    <section id="list-album" class="list">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <h2 class="block-head">albums gần đây</h2>
                    <a href="list-album.html" class="btn-primary btn-global bg-5 btn-view-all">xem tất cả</a>
                </div>

            </div>

            <div class="row">

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img01.jpg" alt="album_img01" class="img-responsive">
                            <a href="#" data-toggle="modal" data-target="#detail-albums">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#detail-albums">35 Best shopping online website templates free</a></h4>
                        <div class="box-row-content text-left full-width">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img02.jpg" alt="album_img02" class="img-responsive">
                            <a href="detail-album.html" data-toggle="modal" data-target="#detail-albums">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#detail-albums">150 The best sport website templates in 2014 </a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img03.jpg" alt="album_img03" class="img-responsive">
                            <a href="detail-album.html" data-toggle="modal" data-target="#detail-albums">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#detail-albums">Chia sẻ giao diện các website chủ đề về giáo dục </a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img04.jpg" alt="album_img04" class="img-responsive">
                            <a href="detail-album.html" data-toggle="modal" data-target="#detail-albums">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#detail-albums">Communication psd website templates on mediafile link</a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- ========================================= END ALBUM RECENT ===================================== -->


    <div class="container">
        <div class="row">
            <hr class="hr-style4" />
        </div>
    </div>



    <!-- ========================================= VIDEOS RECENT ======================================== -->
    <section id="list-videos" class="list">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <h2 class="block-head">videos gần đây</h2>
                    <a href="list-video.html" class="btn-primary btn-global bg-5 btn-view-all">xem tất cả</a>
                </div>
            </div>

            <div class="row">

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img01.jpg" alt="album_img01" class="img-responsive">
                            <a href="detail-album.html" data-toggle="modal" data-target="#myModal">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#myModal">35 Best shopping online website templates free</a></h4>
                        <div class="box-row-content text-left full-width">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>

                        

                    </div><!--box row-->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">

                                <div class="modal-header bg-1">
                                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><i class="fa fa-times"></i></span><span class="sr-only">Close</span></button>
                                    <h4 class="modal-title text-4" id="myModalLabel">BẠN ĐANG XEM VIDEO</h4>
                                </div><!--modal-header-->
                                <br />
                                <div class="modal-body">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="video-content auto-margin bg-7">
                                                    <iframe class="video-show"
                                                            src="http://www.youtube.com/embed/esVnO04dPm8?list=PLl4nkmb3a8w1VyjL_FBtBts676XWPvWIG"
                                                            frameborder="0" allowfullscreen></iframe>
                                                </div>

                                                <div class="box-row no-border full-width padding-leftright">
                                                    <h4 class="text-1">Học Wordpress Online: Bài 1- Wordpress là gì?</h4>
                                                    <div class="box-row-info">
                                                        <div class="row">
                                                            <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                                <p><i class="fa fa-user icons"></i>&nbsp;ĐĂNG BỞI: TIENPD</p>
                                                            </div>
                                                            <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                                <p><i class="fa fa-folder-open icons"></i>&nbsp;CHỦ ĐỀ: TIÊU ĐỀ CHỦ ĐỀ</p>
                                                            </div>
                                                            <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                                <p><i class="fa fa-comments icons"></i>&nbsp;BÌNH LUẬN: 26</p>
                                                            </div>
                                                            <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                                <p class="text-right">
                                                                    ĐÁNH GIÁ:&nbsp;
                                                                    <i class="fa fa-star text-1 icons"></i>
                                                                    <i class="fa fa-star text-1 icons"></i>
                                                                    <i class="fa fa-star text-1 icons"></i>
                                                                    <i class="fa fa-star text-1 icons"></i>
                                                                    <i class="fa fa-star-o text-1 icons"></i>
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="box-row-content text-left full-width">
                                                        <p>Hôm nay, mình muốn giới thiệu đến các bạn một mã nguồn mở và miễn phí mà mình thường xuyên sử dụng trong công việc – đó là WordPress. Tại sao mình lại chọn WordPress? Trước hết, nó hoàn toàn miễn phí, cung cấp nhiều theme đẹp miễn phí, hỗ trợ nhiều plugin hay miễn phí và sử dụng rất dễ dàng. Chắc hẳn có bạn đã sử dụng, có bạn chỉ biết đến, có bạn chỉ nghe qua thôi hoặc chưa biết gì về sự tồn tại của nó. OK, nhân tiện chúng ta cùng nhau tìm hiểu WordPress để hiểu hơn về nó nhé,... </p>
                                                    </div>

                                                    <div class="box-row-info no-border">
                                                        <div class="row">

                                                            <div class=" col-lg-9 col-md-9 col-sm-9 col-xs-12">
                                                                <p>
                                                                    <i class="fa fa-tags text-3 tags_ico"></i><span class="text-3">&nbsp;Tags:</span>
                                                                    <a href="#" class="text-1">Joomla</a>, <a href="#" class="text-1">Sharing</a>,
                                                                    <a href="#" class="text-1">Mạng xã hội</a>, <a href="#" class="text-1">chia sẻ</a>,...
                                                                </p>
                                                            </div>

                                                        </div>

                                                        <div class="row">

                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 content-info-box">
                                                                <p class="no-padding">
                                                                    <i class="fa fa-share-alt text-1 icons"></i>&nbsp;Chia sẻ bài viết:
                                                                    <a href="https://www.facebook.com" data-toggle="tooltip" title="Facebook" class="bg-fb text-6 text-center">
                                                                        <i class="fa fa-facebook text-6 icons"></i>
                                                                    </a>

                                                                    <a href="https://plus.google.com" data-toggle="tooltip" title="Google Plus" class="bg-plus text-6 text-center">
                                                                        <i class="fa fa-google-plus text-6 icons"></i>
                                                                    </a>

                                                                    <a href="https://twitter.com" data-toggle="tooltip" title="Twitter" class="bg-twitter text-6 text-center">
                                                                        <i class="fa fa-twitter text-6 icons"></i>
                                                                    </a>

                                                                </p>
                                                            </div>

                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 content-info-box">
                                                                <p class="text-right">
                                                                    ĐÁNH GIÁ BÀI VIẾT:&nbsp;
                                                                    <i class="fa fa-star-o text-1 icons"></i>
                                                                    <i class="fa fa-star-o text-1 icons"></i>
                                                                    <i class="fa fa-star-o text-1 icons"></i>
                                                                    <i class="fa fa-star-o text-1 icons"></i>
                                                                    <i class="fa fa-star-o text-1 icons"></i>
                                                                </p>
                                                            </div>

                                                        </div>

                                                        <div class="comment-wrapper full-width">
                                                            <h2 class="text-1 no-margin block-head">BÌNH LUẬN</h2>
                                                            <div class="comment-box full-width">

                                                                <div class="row">
                                                                    <div class=" col-lg-9 col-md-9 col-sm-9 col-xs-12">

                                                                        <div class="row no-margin main-comment-1">
                                                                            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 no-padding">
                                                                                <img src="images/avatar_img01.jpg" alt="avatar_img01.jpg" class="img-responsive">
                                                                            </div>

                                                                            <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 no-padding">
                                                                                <div class="row no-margin">
                                                                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding">
                                                                                        <div class="bg-7 text-1 text-bold no-margin comment-info">
                                                                                            <p class="comment-info-left text-bold">HUY NGUYỄN</p>
                                                                                            <div class="comment-info-right">
                                                                                                <p>
                                                                                                    <span class="text-3 text-light no-padding">15 T.10 2014</span>
                                                                                                    <a href="#" class="btn btn-default bg-1 text-6 btn-comment">Trả lời</a>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="comment-text full-width">
                                                                                            <p>Bài viết hay và có ý nghĩa, xin hỏi có thể tìm kiếm thêm các bài viết                                                 hoặc video của tác giả này ở đâu?</p>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>


                                                                            <div class="col-lg-11 col-lg-offset-1 col-md-11 col-md-offset-1 col-sm-11 col-sm-offset-1 col-xs-11 col-xs-offset-1 no-padding sub-comment-1">
                                                                                <div class="row no-margin">
                                                                                    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 no-padding">
                                                                                        <img src="images/avatar_img02.jpg" alt="avatar_img02.jpg" class="img-responsive">
                                                                                    </div>
                                                                                    <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 no-padding">
                                                                                        <div class="row no-margin">
                                                                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding">
                                                                                                <div class="bg-7 text-1 text-bold no-margin comment-info">
                                                                                                    <p class="comment-info-left text-bold">GIANG TRANG</p>

                                                                                                    <div class="comment-info-right">
                                                                                                        <p>
                                                                                                            <span class="text-3 text-light no-padding">18 T.10 2014</span>
                                                                                                            <a href="#" class="btn btn-default bg-1 text-6 btn-comment">Trả lời</a>
                                                                                                        </p>
                                                                                                    </div>

                                                                                                </div>

                                                                                                <div class="comment-text full-width">
                                                                                                    <p>
                                                                                                        Bạn có thể tìm hiểu thêm tại website:
                                                                                                        <span class="text-3 text-bold">http://thuthuatweb.net</span>
                                                                                                    </p>
                                                                                                </div>

                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row no-margin main-comment-2">

                                                                            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 no-padding">
                                                                                <img src="images/avatar_img03.jpg" alt="avatar_img03.jpg"
                                                                                     class="img-responsive">
                                                                            </div>

                                                                            <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 no-padding">
                                                                                <div class="row no-margin">
                                                                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding">
                                                                                        <div class="bg-7 text-1 text-bold no-margin comment-info">
                                                                                            <p class="comment-info-left text-bold">HUY PHẠM</p>
                                                                                            <div class="comment-info-right">
                                                                                                <p>
                                                                                                    <span class="text-3 text-light no-padding">22 T.10 2014</span>
                                                                                                    <a href="#" class="btn btn-default bg-1 text-6 btn-comment">Trả lời</a>
                                                                                                </p>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="comment-text full-width">
                                                                                            <p>Hay quá, đúng chủ đề mình đang tìm hiểu</p>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>

                                                                        </div><!--end row-->

                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="row no-margin">
                                                                <div class="col-lg-3 col-lg-offset-3 col-md-3 col-md-offset-3 col-sm-3 col-sm-offset-3 col-xs-3 col-xs-offset-3 no-padding text-center readmore-comment">
                                                                    <a href="#" class="btn btn-primary btn-lg bg-1 btn-readmore">XEM THÊM BÌNH LUẬN</a>
                                                                </div>
                                                            </div>

                                                            <h2 class="text-1 no-margin block-head">Ý KIẾN CỦA BẠN</h2>
                                                            <div class="comment-box full-width">
                                                                <p>
                                                                    Ý kiến của bạn về bài viết? Hãy nhanh tay và trở thành người bình luận
                                                                    đầu tiên
                                                                </p>
                                                                <form name="comment-post" action="#" method="post">
                                                                    <textarea class="form-control" rows="3" placeholder="Nội dung bình luận"></textarea>
                                                                    <br />
                                                                    <a href="#" class="btn btn-primary btn-lg bg-1 btn-post-comment">GỬI</a>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!--end row-->
                                    </div><!--end container-->
                                </div><!--modal-body-->

                            </div><!--modal-content-->
                        </div><!--modal-dialog-->
                    </div><!--end content modal-->
                </div><!--end col-->

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img02.jpg" alt="album_img02" class="img-responsive">
                            <a href="detail-album.html" data-toggle="modal" data-target="#myModal">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#myModal">150 The best sport website templates in 2014 </a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img03.jpg" alt="album_img03" class="img-responsive">
                            <a href="detail-album.html" data-toggle="modal" data-target="#myModal">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#myModal">Chia sẻ giao diện các website chủ đề về giáo dục </a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="box-row">
                        <div class=" bg-1 box-img">
                            <img src="images/article/album_img04.jpg" alt="album_img04" class="img-responsive">
                            <a href="detail-album.html" data-toggle="modal" data-target="#myModal">
                                <div class="box-img-hover text-center text-1">
                                    <i class="fa fa-link fa-3x"></i>
                                </div>
                            </a>
                        </div>
                        <h4><a href="#" data-toggle="modal" data-target="#myModal">Communication psd website templates on mediafile link</a></h4>
                        <div class="box-row-content text-left">
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ========================================= END ALBUM RECENT ===================================== -->

